<div class="sub-title" [ngStyle]='{"height":titleHeight,"line-height":titleHeight,"background":backgroundColor}'>
    <hr *ngIf='!noLine'>
    <span class='title-name' [ngStyle]='{"color":titleColor,"font-size":titleFontSize}'>{{ subTitleName }}
        <i *ngIf="isLift">({{ subTitleNumber }})</i>
    </span>
    <ion-scroll direction="x" style='flex:1;overflow-x: auto' *ngIf='scrollData'>
        <div class='params'>
            <div class='square' *ngFor='let data of scrollData'>
                <div>
                    <label class="title">{{ data.deviceName }}</label>
                    <span class="unit" *ngFor='let detail of data.deviceParameters; first as isFirs'>
                        <label *ngIf="!isFirs">/</label>
                        <label>{{ detail.unit }}</label>
                    </span>
                </div>
                <div class="dataFlex" *ngIf="data.isRun">
                    <div *ngFor="let detail of data.deviceParameters; first as isFirs">
                        <span class="separator" *ngIf="!isFirs">/</span>
                        <span [ngClass]="{ 'alarmColor': data.alarmLevel === 2, 'seriousColor': data.alarmLevel === 3}">{{detail.alarmLevel}}{{ detail.valueName || ( detail.value ) }}</span>
                    </div>
                </div>
            </div>
        </div>
    </ion-scroll>
</div>